.comp-reset-google{
    .reset-google-body{
        display: flex;
        font-size: 13px;;
        .left{
            flex: 0 0 246px;
            padding-left: 60px;

            .qrcode{
                padding: 16px 24px;
                border: 1px solid #dddddd;
                background-color: #fafafa;

                .key{
                    padding: 8px 16px ;
                    &-text{
                        color: #e32c83;
                        background-color: #fff;
                        >.comp-loading--inline{
                            line-height: inherit;
                            height: auto;
                        }
                    }
                    &-tip{
                        font-size: 13px;
                    }
                }

            }
        }
        .right{
            flex: 1;
            padding:0 60px 0 32px;
            .tip{
                padding:4px 0 16px 0;
            }
            >.g-col-row{
                padding-top: 6px ;
                >.g-col-label{
                    color:#a1a1a1;
                    padding-bottom: 4px;
                }
                >.g-col-input{
                    position: relative;
                    .comp-verify-code{
                        position: absolute;
                        right: 8px;
                        >.ui-btn{
                            background-color: transparent;
                        }
                        >.ui-btn[disabled]{
                            color: #5392b9;
                        }
                    }
                }
            }
        }

        .purple{
            color: #e32c83;
        }
    }

}